<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Loan Extension Agreement</title>

    <style>
      @media print {
        @page {
          size: A4;
          margin: 2.54cm 3.18cm;
        }
      }

      html,
      body {
        padding: 0;
        margin: 0;
        font-family: "Poppins", Arial, sans-serif;
      }

      * {
        box-sizing: border-box;
        color: #202939;
        line-height: 1.8;
        font-size: 10px;
      }

      p,
      ul {
        padding: 0;
        margin: 0;
      }

      a {
        text-decoration: none;
      }

      .container {
        padding: 32px 64px 24px 64px;
      }

      /* ===== 顶部标题区 ===== */
      .title {
        padding: 24px 0 16px 0;
        border-bottom: 1px solid #dcdcdc;
      }

      .title .main-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        margin: 0;
      }

      .title .sub-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 8px;
        margin-bottom: 8px;
      }

      .title .sub-title {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
        line-height: 18px;
        border-spacing: 0;
      }
      .title .sub-title td {
        padding: 0;
      }

      .footer {
        text-align: center;
        margin: 8px auto 12px;
      }

      .footer_item {
        display: inline-block;
        padding: 0 24px;
      }

      .footer_item img {
        vertical-align: middle;
        width: 12px;
        height: 12px;
      }

      .footer_item a {
        font-size: 8px;
        padding-left: 8px;
        line-height: 1.5;
      }

      .table_wrapper {
        border-top: 1px solid #f0f0f0;
        padding: 8px 0 12px;
        width: 100%;
        text-align: center;
      }

      .table_wrapper table {
        border-collapse: collapse;
        border-spacing: 0;
        display: inline-block;
        width: fit-content;
        vertical-align: middle;
        padding: 0 24px;
      }

      .table_wrapper img {
        width: 12px;
        height: 12px;
        vertical-align: middle;
      }

      .table_wrapper td {
        padding: 0;
      }

      .table_wrapper a {
        font-size: 8px;
        font-weight: 400;
        margin-left: 8px;
        vertical-align: middle;
        line-height: 18px;
      }

      .address {
        border-spacing: inherit;
      }
      .address td {
        line-height: 18px;
        padding: 0;
      }
    </style>
  </head>

  <body>
    <div class="container">
      <!-- logo -->
      <img
        style="height: 24px"
        th:if="${!#strings.isEmpty(logoUrl)}"
        th:src="${logoUrl}"
        alt="YouLand Logo"
      />

      <!-- ===== 标题区 ===== -->
      <div class="title">
        <p class="main-title">
          Loan Extension Agreement - Addendum
          <span style="font-size: 18px" th:text="${extensionNumber}"
            >${extensionNumber}</span
          >
        </p>
        <table align="center" class="sub-title">
          <tr valign="middle">
            <td>
              <p style="margin: 0" th:text="${propertyFullAddress}">
                ${propertyFullAddress}
              </p>
            </td>
            <td style="text-align: right; width: 130px">
              <p style="margin: 0" th:text="${createdTime}">${createdTime}</p>
            </td>
          </tr>
        </table>
      </div>

      <!-- ===== 正文 ===== -->
      <p style="padding-top: 24px; padding-bottom: 12px">
        This Loan Extension Agreement (the "Agreement") is dated
        <span th:text="${executionDate}"></span>, by and between
        <span th:text="${borrowerName}"></span> (the "Borrower") and Youland
        Inc. (the "Lender") concerning the property located at
        <span th:text="${propertyFullAddress}"></span>.
      </p>

      <p style="padding-bottom: 12px">
        The Borrower previously obtained a loan from the Lender in the amount of
        $<span th:text="${currentBalance}">${currentBalance}</span> (the
        "Loan"), which is evidenced by a Promissory Note dated
        <span th:text="${promissoryNoteDate}">${promissoryNoteDate}</span>.
        According to the Promissory Note, the original maturity date is
        <span th:text="${currentMaturityDate}">${currentMaturityDate}</span>
        (the "Original Maturity Date"). On the Original Maturity Date, unless
        the Promissory Note is converted in accordance with its terms, all
        outstanding principal and any accrued and unpaid interest are due and
        payable by the Borrower to the Lender.
      </p>

      <p>
        The Borrower seeks the Lender's consent to extend the Original Maturity
        Date to
        <span th:text="${extensionMaturityDate}">${extensionMaturityDate}</span
        >. In consideration, both parties have agreed to this extension.
        Therefore, for valuable consideration, the receipt and sufficiency of
        which are acknowledged, the Borrower and Lender agree as follows:
      </p>

      <ul
        style="
          list-style-position: inside;
          list-style-type: decimal;
          margin-left: 10px;
          font-weight: 600;
          padding-bottom: 12px;
        "
      >
        <li>
          Extension: The Promissory Note is amended to extend the Original
          Maturity Date to
          <span th:text="${extensionMaturityDate}"
            >${extensionMaturityDate}</span
          >.
        </li>
        <li th:if="${paymentTiming == 'AT_TIME_OF_SIGNING'}">
          Extension Fee: An extension fee of
          <span th:text="${extensionFee}">${extensionFee}</span>% of the total
          principal amount ($<span th:text="${extensionFeeAmount}"
            >${extensionFeeAmount}</span
          >) is due upon the signing of this Agreement.
        </li>
        <li th:if="${paymentTiming == 'AT_PAYOFF'}">
          Extension Fee: An extension fee of
          <span th:text="${extensionFee}">${extensionFee}</span>% of the total
          principal amount ($<span th:text="${extensionFeeAmount}"
            >${extensionFeeAmount}</span
          >) is due at payoff.
        </li>
        <li th:if="${isChangeInterestRate == 'YES'}">
          Starting from
          <span th:text="${executionDate}">${executionDate}</span>, the interest
          rate will be adjusted to
          <span th:text="${changeInterestRate}">${changeInterestRate}</span>%.
        </li>
      </ul>

      <p style="padding-bottom: 12px">
        This Extension Agreement must be executed by both the Lender and the
        Borrower to take effect; otherwise, the Loan will be in default status,
        and the Borrower will incur a default interest rate of 18% per month
        until the Lender receives full repayment.
      </p>

      <p style="padding-bottom: 12px">
        IN WITNESS WHEREOF, intending to be legally bound, the parties have
        caused this Agreement to be signed by their duly authorized officers.
      </p>

      <!-- ===== 签名区 ===== -->
      <div style="overflow: hidden; padding-bottom: 12px">
        <table border="0" width="100%">
          <tbody>
            <tr>
              <td style="padding: 4px 0; width: 80%">
                <span style="font-weight: 600">Lender:</span> Youland Inc.
              </td>
              <td style="padding: 4px 0; min-width: 200px">
                <span style="font-weight: 600">Borrower:</span>
                <span th:text="${borrowerName}">${borrowerName}</span>
              </td>
            </tr>
            <tr>
              <td style="padding: 4px 0; font-weight: 600">
                By:
                <span
                  style="
                    display: inline-block;
                    width: 180px;
                    border-bottom: 1px solid black;
                    text-align: center;
                  "
                >
                  <img
                    style="height: 24px"
                    th:if="${!#strings.isEmpty(signature)}"
                    th:src="${signature}"
                    alt="Signature"
                  />
                </span>
              </td>
              <td
                style="
                  padding: 4px 0;
                  font-weight: 600;
                  min-width: 200px;
                  vertical-align: bottom;
                "
              >
                By:
                <span
                  style="
                    display: inline-block;
                    width: 180px;
                    border-bottom: 1px solid black;
                    text-align: center;
                  "
                ></span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- ===== 底部联系信息 ===== -->
      <div style="margin-top: 50px; border-bottom: 1px solid #e4e7ef"></div>

      <div class="table_wrapper" style="width: 600px; margin: 0 auto">
        <table align="center" style="width: 100px; box-sizing: content-box">
          <tr valign="middle">
            <td>
              <img
                src="https://youland-public-data.s3.us-west-1.amazonaws.com/pre-approval-letter/pre_approval_pdf_icon_phone.png"
                alt=""
              />
            </td>
            <td>
              <a href="tel:(833)968-5263">(833) 968-5263</a>
            </td>
          </tr>
        </table>
        <table align="center" style="width: 106px; box-sizing: content-box">
          <tr valign="middle">
            <td>
              <img
                src="https://youland-public-data.s3.us-west-1.amazonaws.com/pre-approval-letter/pre_approval_pdf_icon_email.png"
                alt=""
              />
            </td>
            <td>
              <a href="mailto:servicing@youland.com">servicing@youland.com</a>
            </td>
          </tr>
        </table>
        <table align="center" style="width: 67px; box-sizing: content-box">
          <tr valign="middle">
            <td>
              <img
                src="https://youland-public-data.s3.us-west-1.amazonaws.com/pre-approval-letter/pre_approval_pdf_icon_website.png"
                alt=""
              />
            </td>
            <td>
              <a href="https://youland.com" target="_blank">youland.com</a>
            </td>
          </tr>
        </table>
      </div>

      <!-- <table align="center" class="address">
        <tr valign="middle">
          <td>
            <img
              style="width: 12px; height: 12px; vertical-align: middle"
              src="https://youland-public-data.s3.us-west-1.amazonaws.com/pre-approval-letter/pre_approval_pdf_icon_locate.png"
              alt="Location"
            />
          </td>
          <td>
            <span
              style="
                font-size: 8px;
                padding-left: 8px;
                line-height: 18px;
                vertical-align: middle;
              "
            >
              2420 Sand Hill Road, Suite 204, Menlo Park, CA 94025
            </span>
          </td>
        </tr>
      </table> -->
    </div>
  </body>
</html>
